﻿@using CMSMVC4.MultiResource
@{
    ViewBag.Title = @Admin.AddEquipment;
    Layout = "~/Areas/Admin/Views/Shared/_Layout.cshtml";
}
<style type="text/css">
    .paint {
    }

    .spa1n6 {
    }

    .fileinput {
    }
</style>

<div class="row-fluid">
    <div class="span7" style="width: 100%">
        <div class="box paint color_4">
            <div class="title">
                <h4><span>@Admin.AddEquipment</span></h4>
            </div>
            <div class="content">
                <ul id="tabExample1" class="nav nav-tabs">
                    <li class="active"><a href="#home1" data-toggle="tab">@Admin.English</a></li>
                    <li><a href="#profile1" data-toggle="tab">@Admin.Vietnamese</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane fade in active" id="home1">
                        <form class="form-horizontal cmxform" id="validateForm" method="GET" autocomplete="off">
                            <div class="form-row control-group row-fluid">
                                <label class="control-label span3">Just required field <span class="help-block">Type something to validate</span> </label>
                                <div class="controls span7">
                                    <input id="cname" name="cname" type="text" required class="span12" />
                                </div>
                            </div>
                            <div class="form-row control-group row-fluid">
                                @* ReSharper disable Html.IdNotResolved *@
                                <label class="control-label span3" for="hint-field">Input with min characters <span class="help-block">Required min 3 characters</span> </label>
                                @* ReSharper restore Html.IdNotResolved *@
                                <div class="controls span7">
                                    <input id="cname2" name="cname2" minlength="3" type="text" required class="row-fluid" />
                                </div>
                            </div>
                            <div class="form-row control-group row-fluid">
                                <label class="control-label span3">Email Address <span class="help-block">Enter a valid email address</span> </label>
                                <div class="controls span7">
                                    <input id="cemail" type="email" name="email" required class="row-fluid" />
                                </div>
                            </div>
                            <div class="form-row control-group row-fluid">
                                <label class="control-label span3">URL Address <span class="help-block">http://www.envato.com</span> </label>
                                <div class="controls span7">
                                    <input id="curl" type="url" name="url" required class="row-fluid" />
                                </div>
                            </div>
                            <!-- End .title -->
                            <div class="form-row control-group row-fluid">
                                <label class="control-label span3">Just required field <span class="help-block">Type something to validate</span> </label>
                                <a data-toggle="modal" href="#myModal" class="btn btn-info btn-large" style="margin-left: 20px;height: 40px;">Cick here to upload</a>
                            </div>

                            <!-- End .content -->
                            <!-- End .box -->
                            <div class="form-actions row-fluid">
                                <div class="span7 offset3">
                                    <button type="submit" class="btn btn-primary">@Admin.Submit</button>
                                    <button type="button" class="btn btn-secondary">@Admin.Cancel</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane fade" id="profile1">
                        <p>All I want is to be a monkey of moderate intelligence who wears a suit… that's why I'm transferring to business school! I had more, but you go ahead. Man, I'm sore all over. I feel like I just went ten rounds with mighty Thor. File not found.</p>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Modal Heading</h3>
    </div>
    <div class="modal-body">
        <h4>Text in a modal</h4>
        <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem.</p>
        <h4>Popover in a modal</h4>
        <p>This <a href="#" role="button" class="btn popover-test" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">button</a> should trigger a popover on hover.</p>
        <h4>Tooltips in a modal</h4>
        <p><a href="#" class="tooltip-test" data-original-title="Tooltip">This link</a> and <a href="#" class="tooltip-test" data-original-title="Tooltip">that link</a> should have tooltips on hover.</p>
        <hr>
        <h4>Overflowing text to show optional scrollbar</h4>
        <p>We set a fixed <code>max-height</code> on the <code>.modal-body</code>. Watch it overflow with all this extra lorem ipsum text we've included.</p>
        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
        <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
        <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
        <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal">Close</button>
        <button class="btn btn-primary">Save changes</button>
    </div>
</div>
